<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>
        故障模块-故障信息
    </title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../../css/main.css" media="all">
    <script type="text/javascript" src="../../../lib/loading/okLoading.js"></script>
    <link rel="stylesheet" href="../../../css/bootstrap.css">
    <link rel="stylesheet" href="../../../lib/layui/css/layui_2.5.7.css">
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
    <style>
        .layui-table-page select {
            height: 22px;
        }

        #container {
            height: 100%;
            width: 100%;
        }

        .amap-icon img {
            width: 25px;
            height: 34px;
        }

        .amap-marker-label {
            border: 0;
            background-color: transparent;
        }

        .info {
            position: relative;
            top: 0;
            right: 0;
            min-width: 0;
        }

        .amap-marker-label {
            background-color: #fff;
            padding: 10px;
            color: red;
        }
    </style>
</head>

<body>
<div class="layui-tab-content">
    <h2>故障详情</h2>

    <div class="modal-body" id="app">
        <div class="row">
            <div class="col-xs-6">

                <div class="box-body with-border">
                    <ul style="line-height:28px;padding-left: 15px;" class="orderInfo">
                        <li><h3>电梯信息</h3>
                            <ul>
                                <li>使用单位：{{companyname}}</li>
                                <li>项目名称：{{projectname}}</li>
                                <li>电梯位置：{{address}}</li>
                            </ul>
                        </li>
                        <li><h3>保养信息</h3>
                            <ul>
                                <li>保养人：{{matinperson}}</li>
                                <li>保养时间：{{matintime}}</li>
                                <li>是否报修：{{isReport}}</li>
                                <li>是否维修：{{isRepair}}</li>

                            </ul>
                        </li>

                        <li><h3>故障信息</h3>
                            <ul>
                                <li>故障项目：{{program}}</li>
                                <li>基本要求：{{requirement}}</li>
                                <li>故障原因：{{reason}}</li>

                            </ul>
                        </li>
                    </ul>

                </div>
            </div>
        </div>
    </div>


</div>
</body>

<script type="text/javascript" src="../../../js/jquery.min.js"></script>
<script type="text/javascript" src="../../../js/myAjax.js"></script>
<script type="text/javascript" src="../../../js/pub.js"></script>
<script type="text/javascript" src="../../../lib/layui/layui2.5.7.js"></script>
<script type="text/javascript" src="../../../js/vue.min.js"></script>
<!-- <script src="lib/layui/layui.js" charset="utf-8"></script> -->
<script src="../../../js/x-layui.js" charset="utf-8"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>

<script>
    layui.use(['laydate', 'element', 'laypage', 'layer', 'form'], function () {
        $ = layui.jquery;//jquery
        laydate = layui.laydate;//日期插件
        lement = layui.element;//面包导航
        laypage = layui.laypage;//分页
        layer = layui.layer;//弹出层
        var form = layui.form;
        okLoading.close($);
    });
</script>


<script>

    var recordId = getQueryVariable("recordId");
    const vm = new Vue({
        el: "#app",
        data: {
            companyname :null,
            projectname :null,
            address :null,
            matinperson:null,
            matintime :null,
            isReport :null,
            isRepair :null,
            reason:null,
            requirement:null,
            program:null,
        },
        created() {

            let request = {
                url: 'maintenance/elevatorfault/detail',
                data: {
                    userId: $userId,
                    id: recordId
                },
                method: "POST"
            }
            sendRequest(request, (res) => {
                this.companyname = res.data.elevator.company.name;
                this.projectname = res.data.elevator.project.name;
                this.address = res.data.elevator.address;
                this.matinperson= res.data.fault.matinperson;
                this.matintime = res.data.fault.matintime;
                this.isReport = res.data.fault.isReport;
                this.isRepair= res.data.fault.isRepair;
                this.reason= res.data.fault.reason;
                this.requirement= res.data.fault.requirement;
                this.program= res.data.fault.program;

            })

        },
        computed: {},

    });
</script>




</html>